<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;">
    <title>范人豪&李文静 - 婚宴请柬</title>
    <style>
    body {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
    * {
        margin: 0;
        padding: 0;
    }
    .background {
        margin-bottom: 30px;
        background-image: url(images/background.png);
    }
    .content {
        position: relative;
        margin: 30px 0;
        padding-bottom: 30px;
        width: 100%;
        background-image: url(images/layer.png);
        text-align: center;
        overflow: hidden;
    }
    .layer {
        display: block;
        height: 100%;
    }
    .pic {
        width: 100%;
        height: 421px;
        overflow: hidden;
        margin: 62px auto 0;
        background-image: url(images/all.png);
        background-repeat: no-repeat;
        background-position: center;
    }
    .save-the-date img {
        display: block;
        margin: auto;
        margin-top: -13px;
    }
    .addr {
        margin-top: 36px;
    }
    .addr a {
        color: #333;
    }
    .addr a:visited {
        color: #333;
    }
    .addr a:hover {
        color: #784424;
    }
    @media (max-width: 700px) {
        .content {
            margin: 15px 0 0 0;
        }
        .background {
            position: relative;
            margin: 15px 0;
            padding-bottom: 30px;
            width: 100%;
            background-image: url(images/layer.png);
            text-align: center;
            overflow: hidden;
        }
        .pic {
            margin: 0;
        }
    }
    </style>
</head>

<body class="background">
    <div class="content">
        <div class="layer">
            <div class="pic">
            </div>
            <h4 class="addr"><a href="http://j.map.baidu.com/g6kXs" target="_blank">2015/5/1 | 洛阳市 | 伊川县 | 兴华宴宾楼</a></h4>
        </div>
    </div>
</body>

</html>
